<template>
  <view>
    <u-navbar :is-back="true" :is-fixed="true" title="订单详情"></u-navbar>
    <view style="background-color: #efede9">
      <view class="pl-3 pr-2 font-14 lineHight-40 font-weight-bold"
        >服务信息</view
      >
    </view>
    <u-field
      v-model="mobile"
      :border-bottom="false"
      label="订单状态"
      :disabled="true"
      input-align="right"
      :field-style="placeholderStyles"
    >
    </u-field>
    <u-field
      v-model="mobile"
      :border-bottom="false"
      label="上游服务商"
      label-width="140"
      :disabled="true"
      input-align="right"
      :field-style="placeholderStyle"
    ></u-field>

    <u-field
      v-model="mobile"
      :border-bottom="false"
      label="产品/服务名称"
      label-width="180"
      :disabled="true"
      input-align="right"
      :field-style="placeholderStyle"
    ></u-field>

    <u-field
      v-model="mobile"
      :border-bottom="false"
      :disabled="true"
      label="服务商名称"
      label-width="140"
      input-align="right"
      :field-style="placeholderStyle"
    ></u-field>

    <u-field
      v-model="mobile"
      :border-bottom="false"
      :disabled="true"
      label-width="180"
      label="服务介绍"
      input-align="right"
      :field-style="placeholderStyle"
    ></u-field>

    <u-field
      v-model="mobile"
      :border-bottom="false"
      :disabled="true"
      label="服务价格"
      input-align="right"
      :field-style="placeholderStyle"
    ></u-field>
    <u-field
      v-model="mobile"
      :border-bottom="false"
      :disabled="true"
      label="服务流程"
      input-align="right"
      :field-style="placeholderStyle"
    ></u-field>
    <u-field
      v-model="mobile"
      :border-bottom="false"
      :disabled="true"
      label="服务售后"
      input-align="right"
      :field-style="placeholderStyle"
    ></u-field>
    <view style="background-color: #efede9">
      <view class="pl-3 pr-2 font-14 lineHight-40 font-weight-bold"
        >客户信息</view
      >
    </view>
    <u-field
      v-model="mobile"
      :border-bottom="false"
      :disabled="true"
      label="涉农企业"
      input-align="right"
      :field-style="placeholderStyle"
    ></u-field>
    <u-field
      v-model="mobile"
      :border-bottom="false"
      :disabled="true"
      label="联系方式"
      input-align="right"
      :field-style="placeholderStyle"
    ></u-field>
    <view style="background-color: #efede9">
      <view class="pl-3 pr-2 font-14 lineHight-40 font-weight-bold"
        >订单信息</view
      >
    </view>
    <u-field
      v-model="mobile"
      :border-bottom="false"
      :disabled="true"
      label-width="160"
      label="订单编号"
      input-align="right"
      :field-style="placeholderStyle"
    ></u-field>

    <u-field
      v-model="mobile"
      :border-bottom="false"
      :disabled="true"
      label="订单时间"
      input-align="right"
      :field-style="placeholderStyle"
    ></u-field>
    <u-field
      v-model="mobile"
      :border-bottom="false"
      :disabled="true"
      label-width="160"
      label="订单进度	"
      input-align="right"
      :field-style="placeholderStyle"
    ></u-field>

    <u-field
      v-model="mobile"
      :border-bottom="false"
      :disabled="true"
      label="订单评价"
      input-align="right"
      :field-style="placeholderStyle"
    ></u-field>
  </view>
</template>

<script>
import $H from "@/common/free-lib/request.js";

import ferrButton from "@/components/free-ui/ferr-button.vue";
export default {
  components: {
    ferrButton,
  },
  data() {
    return {
      mobile: "测试奢侈",
      placeholderStyle: {
        color: "#999",
      },
      placeholderStyles: {
        color: "#FFC251",
      },
    };
  },
  computed: {},
  methods: {
    getNotice(id) {
      $H.get(
        "/basisInform/platformNotice/queryById",
        {
          id,
        },
        {}
      ).then((res) => {
        if (!res.result) {
          uni.showToast({
            title: "未查询到相关信息",
            icon: "none",
          });
          return;
        }
        this.time = res.result.updateTime;
        this.richText = res.result.content;
        this.title = res.result.title;
      });
      $H.get(
        "/basisInform/platformNotice/upper/clickRead",
        {
          id,
        },
        {}
      );
    },
  },
};
</script>

<style>
</style>